<!doctype html>
<html>
<head>
<title>Gestión de CLIENTES</title>
<meta charset="utf-8">
<link href="css/bootstrap.min.css" type="text/css" rel="stylesheet">
<link href="css/bootstrap-responsive.min.css" type="text/css"
	rel="stylesheet">
<script
	src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/clientes.js"></script>
<script src="js/handlebars.js"></script>
<script>
	var urlrest = 'http://localhost:8080/FacturacionSamuelMagd/rest/clientes/';
</script>
</head>
<body>
	<div class="container">
		<br />
		<ul class="nav nav-tabs">
			<li>
	    		<a href="factura.html">Facturas</a>
	  		</li>
	  		<li class="active">
	  			<a href="cliente.html">Clientes</a>
	  		</li>
		</ul>
		<div class="row">
			<div class="span12">
				<table class="table">
					<thead>
						<th>NIF</th>
						<th>Nombre</th>
						<th>Direccion</th>
						<th>Tarifa</th>
						<th></th>
						<th><a href="#modal" data-toggle="modal"> <i
								class="icon-plus-sign"></i>
						</a></th>
					</thead>
					<tbody id="body"></tbody>
				</table>
			</div>
		</div>
	</div>
		<div class="modal hide fade" id="facturas_cliente">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal"
					aria-hidden="true">&times;</button>
				<h3>Facturas de cliente</h3>
			</div>
			<div class="modal-body">
				<table class="table">
				<thead>
					<th>Codigo</th>
					<th>Metros</th>
					<th>Tarifa</th>
					<th>Fecha</th>
					<th>Periodo</th>
				</thead>
				<tbody id="cuerpo_facturas"></tbody>
				</table>
			</div>
		</div>
		<div class="modal hide fade" id="modal">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal"
					aria-hidden="true">&times;</button>
				<h3>Añadir cliente</h3>
			</div>
			<div class="modal-body">
				<form>
					<label>Tipo de cliente</label>
					<select id="formtipo">
					<option value="persona">Persona</option>
					<option value="empresa">Empresa</option>
					</select>				
					<label>NIF</label> <input type="text" id="formnif">
					<label>Nombre</label> <input type="text" id="formnombre">
					<span id="apellidos_toggle">
					<label>Apellidos</label> <input type="text" id="formapellidos">
					</span>
					<label>Tarifa</label>
					<select id="formtarifa">
					<option value="NORMAL">NORMAL</option>
					<option value="NOCTURNA">NOCTURNA</option>
					<option value="REDUCIDA">REDUCIDA</option>
					<option value="SUPERREDUCIDA">SUPER-REDUCIDA</option>
					</select>
					<label>Tipo de vía</label>
					<select id="formtipovia">
					<option value="AVENIDA">AVENIDA</option>
					<option value="CALLE">CALLE</option>
					<option value="PLAZA">PLAZA</option>
					</select>
					<label>Nombre calle</label> <input type="text" id="formnombrecalle">
					<label>CP</label> <input type="text" id="formcp">
					<label>Patio</label> <input type="text" id="formpatio">
					<label>Piso</label> <input type="text" id="formpiso">
					<label>Puerta</label> <input type="text" id="formpuerta">
				</form>
			</div>
			<div class="modal-footer">
				<a id="anyadir" class="btn btn-primary">Guardar</a>
			</div>
		</div>
</body>
<script id="template" type="text/x-handlebars-template">
                <tr class="id_{{ codigo }}">
                        <td class="fieldcodigo{{ nif }}">{{ nif }}</td>
                        <td class="fieldmetros{{ nif }}">{{ nombre }}</td>
                        <td class="fieldtarifa{{ nif }}">{{ direccion.tipoVia }} {{ direccion.nombre }} {{ direccion.cp }}, {{ direccion.puerta }}</td>
                        <td class="fieldfecha{{ nif }}">{{ tarifa }}</td>
                        <td>
                                <a href="#" class="codigo_{{ nif }} btnVerFacturas">
                                        <i class="icon-tasks"></i>
                                </a>
                        </td>
                        <td>
                                <a href="#" class="borrar_{{ nif }} btnBorrar">
                                        <i class="icon-trash"></i>
                                </a>
                        </td>
                </tr>
        </script>
<script id="tpl_clientes" type="text/x-handlebars-template">
                <option value="{{ nif }}">{{ nombre }}</option>
        </script>
<script id="tpl_facturas" type="text/x-handlebars-template">
	<tr>
		<td>{{ codigo }}</td>
		<td>{{ metros }}</td>
		<td>{{ tarifa }}</td>
		<td>{{ fecha }}</td>
		<td>{{ periodo }}</td>
	</tr>
</script>
</html>